<template>
  <div>
    <div class="nav_sta">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item><a href="/">资产维护</a></el-breadcrumb-item>
        <el-breadcrumb-item>人员管理</el-breadcrumb-item>
        <el-breadcrumb-item>人员管理</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="table_cont">
      <!-- search 搜索框 -->
      <el-row class="table_cont_search">
        <el-col :span="4" class="table_cont_search_t1">
          <el-form-item label="人员姓名">
            <el-input placeholder="请输入" />
          </el-form-item>
        </el-col>
        <el-col :span="4" class="table_cont_search_t1">
          <el-form-item label="岗位名称">
            <el-input placeholder="请输入" />
          </el-form-item>
        </el-col>
        <el-col :span="4" class="table_cont_search_t1">
          <el-form-item label="人员性别">
            <el-select placeholder="请选择">
              <el-option label="男" value="0" />
              <el-option label="女" value="1" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="1" class="table_cont_search_t1">
          <el-button color="#00a468">
            <el-icon>
              <Search />
            </el-icon>
            查询
          </el-button>
        </el-col>
        <el-col :span="2" class="table_cont_search_t1">
          <el-button> 查询 </el-button>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script setup lang="ts">
import { Search } from '@element-plus/icons-vue'
</script>

<style scoped lang="scss">
.table_cont {
  margin-top: 20px;
  background-color: #fff;
  height: 800px;
  width: 100%;
  & .table_cont_search {
    padding-top: 20px;
    & .table_cont_search_t1 {
      margin-left: 20px;
    }
  }
}
</style>
